<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
<?php include "../pub/meta.html";?> 
<title>btn</title>
<?php include "../pub/head-cssjs.html";?> 
<link rel="stylesheet" type="text/css" href="btn.css">
</head>
<body>
<div class="page layout-lm">
<?php include "../pub/top-bar.html";?> 
<div class="wrap-container">
<div id="container" class="clearfix">
    <div id="aside_first" class="aside">
      <div class="inner-aside">
        <?php include "../pub/asidenav-basic-css-block.html";?> 
      </div>
    </div>
    <div id="main">
        <div class="inner-main">
            <div id="btn_page">
                <h3>不同的元素a,button,submit</h3>
                <div><a href="#" class="btn">normal btn</a><button class="formbtn">form button btn</button><input type="submit" value="form submit btn" class="formbtn"></div>

                <h3>不同颜色</h3>
                <div><a href="#" class="btn btn-primary">primary btn</a><a href="#" class="btn btn-green">green btn</a><a href="#" class="btn btn-red">red btn</a><a href="#" class="btn btn-orange">orange btn</a><a href="#" class="btn btn-blue">blue btn</a><a href="#" class="btn">gray btn</a><a href="#" class="btn btn-gray-light">gray light btn</a><a href="#" class="btn btn-gray-dark">gray dark btn</a></div>

                <h3>不同大小</h3>
                <div><a href="#" class="btn btn-small">small btn</a><a href="#" class="btn">nomal btn</a><a href="#" class="btn btn-large">large btn</a><br />
                <button class="formbtn formbtn-small">small form button btn</button><button class="formbtn">form button btn</button><button class="formbtn formbtn-large">large form button btn</button></div>
            </div>
        </div>
    </div><!--main-->
</div>
</div><!--wrap-container-->
<?php include "../pub/footer.html";?> 
</div>  
</body>
</html>